<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <script src="./utils/layui/layui.js"></script>
    <link rel="stylesheet" href="./utils/layui/css/layui.css">
</head>

<body>
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header layui-bg-cyan">
            <div class="layui-logo layui-hide-xs layui-bg-cyan">智慧物业</div>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                    <a href="javascript:;">
                        <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
                            class="layui-nav-img">
                        tester
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="">个人中心</a></dd>
                        <dd><a href="">退出登录</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-more-vertical"></i>
                    </a>
                </li>
            </ul>
        </div>

        <div class="layui-side layui-bg-cyan">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree layui-bg-cyan" lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed"><a href="./index.html">首页</a></li>
                    <li class="layui-nav-item">
                        <a class="" href="javascript:;">数据中心</a>
                        <!-- <dl class="layui-nav-child">
                            <dd><a href="javascript:;">menu 1</a></dd>
                            <dd><a href="javascript:;">menu 2</a></dd>
                            <dd><a href="javascript:;">menu 3</a></dd>
                            <dd><a href="">the links</a></dd>
                        </dl> -->
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">收费管理</a>
                    </li>
                    <li class="layui-nav-item"><a href="javascript:;">click menu item</a></li>
                    <li class="layui-nav-item">
                        <a href="./systemManage.html">系统管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="#/organ">机构管理</a>
                            </dd>
                            <dd>
                                <a href="#/post">岗位管理</a>
                            </dd>
                            <dd>
                                <a href="#/users">用户管理</a>
                            </dd>
                        </dl>
                    </li>

                    <!-- //租赁管理导航 -->
                    <li id="pageSwitch" class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">租赁管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#/customerManager">客户管理</a></dd>
                        <dd><a href="#/carPort">车位租赁</a></dd>
                        <dd><a href="#/advertising">广告位租赁</a></dd>
                        <dd><a href="#/house">房屋租赁</a></dd>
                        <dd><a href="#/contract">合同租赁</a></dd>
                    </dl>
                    </li>
                </ul>
            </div>
        </div>

        <div class="layui-body">
              <!-- 内容主体区域 -->
      <div id="content" style="padding: 15px;">
        <!-- 客户管理分页 -->
        <div id="customerManager"  class="content-hide main layui-fluid">
          <div class="topCommClass layui-form">
            <button id="addClient" class="layui-btn layui-btn-normal">✚新增客户</button>
          <div class="layui-form-item">
            <label class="layui-form-label">
            </label>
            <div id="search" class="layui-input-inline">
              <input type="text" name="title"  placeholder="请输入客户姓名/手机号搜索"  class="layui-input">
              <button type="button" class="layui-btn layui-btn-normal">
                <i class="layui-icon layui-icon-search "></i>
              </button>
            </div>
          </div>
        </div>
      <!-- 表格 -->
      <table class="layui-table">
        <!-- <colgroup>
          <col width="150">
          <col width="200">
          <col>
        </colgroup> -->
        <thead>
          <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>电话</th>
            <th>状态</th>
            <th>租赁意向</th>
            <th>录入人</th>
            <th>录入时间</th>
            <th>操作</th>
          </tr> 
        </thead>
        <tbody>
          <tr>
            <td>李春</td>
            <td>男</td>
            <td>1380814949</td>
            <td>签约客户</td>
            <td>车位</td>
            <td>admin</td>
            <td>2018-6-6</td>
            <td>
              <button class="layui-btn layui-btn-xs layui-btn-normal">编辑</button>
              <button class="layui-btn layui-btn-xs layui-btn-normal">删除</button>
            </td>
          </tr>
          <tr>
          <td>李春</td>
          <td>男</td>
          <td>1380814949</td>
          <td>签约客户</td>
          <td>车位</td>
          <td>admin</td>
          <td>2018-6-6</td>
          <td>
            <button class="layui-btn layui-btn-xs layui-btn-normal">编辑</button>
            <button class="layui-btn layui-btn-xs layui-btn-normal">删除</button>
          </td>
        </tr>
        <tr>
          <td>李春</td>
          <td>男</td>
          <td>1380814949</td>
          <td>签约客户</td>
          <td>车位</td>
          <td>admin</td>
          <td>2018-6-6</td>
          <td>
            <button class="layui-btn layui-btn-xs layui-btn-normal">编辑</button>
            <button class="layui-btn layui-btn-xs layui-btn-normal">删除</button>
          </td>
        </tr>
        <tr>
          <td>李春</td>
          <td>男</td>
          <td>1380814949</td>
          <td>签约客户</td>
          <td>车位</td>
          <td>admin</td>
          <td>2018-6-6</td>
          <td>
            <button class="layui-btn layui-btn-xs layui-btn-normal">编辑</button>
            <button class="layui-btn layui-btn-xs layui-btn-normal">删除</button>
          </td>
        </tr>
        </tbody>
      </table>
        <div id="paging"></div>
        <button id="buton-res">1111</button>
        </div>

        <!-- //车位管理 -->
        <div id="carPort"  class="content-hide main layui-fluid">
          车位管理
          <div class="topCommClass layui-form">
            <button id="addClient" class="layui-btn layui-btn-normal">✚添加合同</button>
          <div class="layui-form-item">
            <label class="layui-form-label">
            </label>
            <div id="search" class="layui-input-inline">
              <input type="text" name="title"  placeholder="请输入客户姓名/手机号搜索"  class="layui-input">
              <button type="button" class="layui-btn layui-btn-normal">
                <i class="layui-icon layui-icon-search "></i>
              </button>
            </div>
          </div>
        </div>
        <!-- 车位表格 -->
        <table class="layui-table">
          <!-- <colgroup>
            <col width="150">
            <col width="200">
            <col>
          </colgroup> -->
          <thead>
            <tr>
              <th>车辆号码</th>
              <th>所属小区</th>
              <th>车位号</th>
              <th>租赁方</th>
              <th>联系人</th>
              <th>联系电话</th>
              <th>开始时间</th>
              <th>到期时间</th>
              <th>合同状态</th>
              <th>车辆排量</th>
              <th>收费标准个数</th>
              <th>收费金额</th>
              <th>操作</th>
            </tr> 
          </thead>
          <tbody>
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>
                <button class="layui-btn layui-btn-xs layui-btn-normal">详情</button>
                <button class="layui-btn layui-btn-xs layui-btn-normal">编辑</button>
                <button class="layui-btn layui-btn-xs layui-btn-normal">删除</button>
              </td>
            </tr>
          </tbody>
        </table>
        </div>

        <!-- 广告位租赁 -->
        <div id="advertising"  class="content-hide main layui-fluid">
          广告位租赁
          <div class="topCommClass layui-form">
            <button id="addClient" class="layui-btn layui-btn-normal">✚添加合同</button>
          <div class="layui-form-item">
            <label class="layui-form-label">
            </label>
            <div id="search" class="layui-input-inline">
              <input type="text" name="title"  placeholder="请输入客户姓名/手机号搜索"  class="layui-input">
              <button type="button" class="layui-btn layui-btn-normal">
                <i class="layui-icon layui-icon-search "></i>
              </button>
            </div>
          </div>
        </div>
        <!-- 广告位表格 -->
        <table class="layui-table">
          <!-- <colgroup>
            <col width="150">
            <col width="200">
            <col>
          </colgroup> -->
          <thead>
            <tr>
              <th>广告编号</th>
              <th>广告名称</th>
              <th>租赁方</th>
              <th>联系人</th>
              <th>练习电话</th>
              <th>开始时间</th>
              <th>结束时间</th>
              <th>合同状态</th>
              <th>广告分类</th>
              <th>广告名称位</th>
              <th>小区</th>
              <th>广告位位置</th>
              <th>广告位大小</th>
              <th>广告位价格</th>
              <th>操作</th>
            </tr> 
          </thead>
          <tbody>
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>
                <button class="layui-btn layui-btn-xs layui-btn-normal">详情</button>
                <button class="layui-btn layui-btn-xs layui-btn-normal">编辑</button>
                <button class="layui-btn layui-btn-xs layui-btn-normal">删除</button>
              </td>
            </tr>
          </tbody>
        </table>
        </div>

         <!-- 房屋租赁 -->
         <div id="house"  class="content-hide main layui-fluid">
          <div class="topCommClass layui-form">
            <button id="addClient" class="layui-btn layui-btn-normal">✚添加合同</button>
          <div class="layui-form-item">
            <label class="layui-form-label">
            </label>
            <div id="search" class="layui-input-inline">
              <input type="text" name="title"  placeholder="请输入客户姓名/手机号搜索"  class="layui-input">
              <button type="button" class="layui-btn layui-btn-normal">
                <i class="layui-icon layui-icon-search "></i>
              </button>
            </div>
          </div>
        </div>
        <!-- 房屋表格 -->
        <table class="layui-table">
          <!-- <colgroup>
            <col width="150">
            <col width="200">
            <col>
          </colgroup> -->
          <thead>
            <tr>
              <th>小区</th>
              <th>房屋</th>
              <th>面积</th>
              <th>朝向</th>
              <th>租赁方</th>
              <th>联系人</th>
              <th>联系电话</th>
              <th>租金</th>
              <th>起租时间</th>
              <th>租金方式</th>
              <th>操作</th>
            </tr> 
          </thead>
          <tbody>
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>
                <button class="layui-btn layui-btn-xs layui-btn-normal">详情</button>
                <button class="layui-btn layui-btn-xs layui-btn-normal">编辑</button>
                <button class="layui-btn layui-btn-xs layui-btn-normal">删除</button>
              </td>
            </tr>
          </tbody>
        </table>
        </div>

        <!-- 合同租赁 -->
        <div id="contract"  class="content-hide main layui-fluid">
          <div class="topCommClass layui-form">
            <!-- <button id="addClient" class="layui-btn layui-btn-normal">✚添加合同</button> -->
          <div class="layui-form-item">
            <label class="layui-form-label">
            </label>
            <div id="search" class="layui-input-inline">
              <input type="text" name="title"  placeholder="请输入客户姓名/手机号搜索"  class="layui-input">
              <button type="button" class="layui-btn layui-btn-normal">
                <i class="layui-icon layui-icon-search "></i>
              </button>
            </div>
          </div>
        </div>
        <!-- 房屋表格 -->
        <table class="layui-table">
          <!-- <colgroup>
            <col width="150">
            <col width="200">
            <col>
          </colgroup> -->
          <thead>
            <tr>
              <th>合同编号</th>
              <th>合同名称</th>
              <th>资源名称</th>
              <th>状态</th>
              <th>租户</th>
              <th>联系人</th>
              <th>联系电话</th>
              <th>签订日期</th>
              <th>停租时间</th>
              <th>租金</th>
              <th>操作</th>
            </tr> 
          </thead>
          <tbody>
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>
                <button class="layui-btn layui-btn-xs layui-btn-normal">变更</button>
                <button class="layui-btn layui-btn-xs layui-btn-normal">续租</button>
                <button class="layui-btn layui-btn-xs layui-btn-normal">退租</button>
              </td>
            </tr>
          </tbody>
        </table>
        </div>
        <!-- 分隔 -->
      </div>
        </div>

    </div>
</body>

</html>